<div class="content-wrapper" style="min-height: 976px;">

    <section class="content">

        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">最新股票数据</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <table class="table table-striped">
                    <tbody>
                    <tr>
                        <th style="width: 20px">#</th>
                        <th style="width: 160px">相关股票</th>
                        <th style="width: 160px">最新价格</th>
                        <th style="width: 160px">涨跌价格</th>
                        <th style="width: 160px">涨跌幅</th>
                    </tr>

                    <tr ng-repeat="stock in list" ui-sref="index.stock.detail({stockName: stock.name})">
                        <td>{{$index + 1}}</td>
                        <td>{{stock.name}}</td>
                        <td>
                            <div class="">
                                <strong>$ </strong>{{stock.price}}
                            </div>
                        </td>
                        <td>
                            <div class="">
                                <span ng-if="stock.changeRange > 0" class="badge bg-green"><strong>$ </strong>{{stock.changePrice}}</span>
                                <span ng-if="stock.changeRange <= 0" class="badge bg-red"><strong>$ </strong>{{stock.changePrice}}</span>

                            </div>
                        </td>
                        <td>
                            <span ng-if="stock.changeRange > 0" class="badge bg-green">{{stock.changeRange}} %</span>
                            <span ng-if="stock.changeRange <= 0" class="badge bg-red">{{stock.changeRange}} %</span>
                        </td>
                    </tr>
                    </tbody></table>
            </div>
            <!-- /.box-body -->
        </div>

        <div ng-if="myPage.totalItems" my-pagination pg="myPage"></div>

    </section>


</div>